/*
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-08-15 16:06:24
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-08-17 10:28:47
 * @FilePath: \bpm-management-system\src\component\examinemanage\wofaqide\bianji\lianxidanqianfashenqinbianji.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { Form, Input,Select,Switch, Button ,Image ,Space ,DatePicker} from 'antd';
import React from 'react';
import '../../examinemanage/bianji.less';

const { RangePicker } = DatePicker;
const LianxidanqianfashenqinbianjiHTML=()=>(
    <Form>
        {/* 第一个框 */}
        <Form.Item name="username" label="标题"
          rules={[
            {
              required: true,
              message: 'Username is required!',
            },
          ]}
        >
          <Input />
        </Form.Item>
        {/* 第二个框 */}
        <Form.Item
            name="gender"
            label="关联项目" disabled="true">
            <Select allowClear></Select>
        </Form.Item>
        {/* 第三个框 */}
        <Form.Item
            name="gender"
            label="使用日期" disabled="true">
            <Space direction="vertical" size={12}>
                <DatePicker renderExtraFooter={() => 'extra footer'} />
                <DatePicker renderExtraFooter={() => 'extra footer'} showTime />
                <RangePicker renderExtraFooter={() => 'extra footer'} />
                <RangePicker renderExtraFooter={() => 'extra footer'} showTime />
                <DatePicker renderExtraFooter={() => 'extra footer'} picker="month" />
            </Space>
        </Form.Item>
        {/* 多行文本框 */}
        <Form.Item
            name="gender"
            label="说明">
            <Input.TextArea rows={(6)} />
        </Form.Item>
        {/* 开关 */}
        <Form.Item
             name="gender"
             label="是否紧急"
             rules={[{ required: true, }]}>
             <Switch checkedChildren="开启" unCheckedChildren="关闭" defaultChecked />
         </Form.Item>
         {/* 审批人 */}
         <Form.Item
             name="gender"
             label="产值确认单"
             rules={[{ required: true, }]}>
             <Image src="@/assets/images/headerimg.png" className='spanDiv'/>
             <span>&gt;</span> 
             <Image className='spanDiv'/> &nbsp; 
             <Image className='spanDiv'> + </Image>
         </Form.Item>
         {/* 抄送人 */}
         <Form.Item
             name="gender"
             label="抄送人"
             rules={[{ required: true, }]}>
             <span className='spanDiv'> + </span>
         </Form.Item>
         <div className='lastForm'>
             <Button type='primary' className='footBut' centered>保存为草稿</Button>
             <Button type='primary' className='footBut' centered>提交审核</Button>
             <Button type='primary' className='footBut' centered>取消</Button>
         </div>
    </Form>
)

const LianXiDanQianFaShenQin=()=>{
    return(
        <>
            <LianxidanqianfashenqinbianjiHTML/>
        </>
    )
}
export default LianXiDanQianFaShenQin